<template>
  <div class="app-cont">
    <alertTip v-if="showAlert" @closeTip="go()" :alertText="alertText"></alertTip>
    <!--这是 Header 区域 -->
    <div class="main">
      <div class="main-container">
        <div class="fenlei">
          <div class="address">
            <mt-field type="text" label="公司名称" placeholder="请填写（必填项）" v-model="companyName">
              <div class="mint-field-other">&gt;</div>
            </mt-field>
            <mt-field label="税号" type="number" placeholder="15-20位，企业报销时必填" v-model="dutyParagraph">
              <div class="mint-field-other">&gt;</div>
            </mt-field>
            <mt-field label="公司地址" placeholder="请填写" type="text" v-model="companyAddress">
              <div class="mint-field-other">&gt;</div>
            </mt-field>
            <mt-field label="公司电话" placeholder="请填写" type="number" v-model="companyPhone">
              <div class="mint-field-other">&gt;</div>
            </mt-field>
            <!--<mt-field label="开户银行卡号" placeholder="请填写银行卡号" type="number">-->
              <!--<div class="mint-field-other">&gt;</div>-->
            <!--</mt-field>-->
            <!--<mt-field label="开户银行" placeholder="请选择" type="text">-->
              <!--<div class="mint-field-other">&gt;</div>-->
            <!--</mt-field>-->
          </div>
          <div class="btn">
            <a href="javascript:;" class="btn-next" @click="NewCard">保存</a>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
  /* eslint-disable semi */
  import wx from 'weixin-js-sdk'
  import { wxHttpTool,wx_config, http_getParam, get_shopQrcoe,wx_share,wx_hideAllMenu } from '../components/httpUtil/httpUtil'
  import {msg_10046} from '../message/msg_10046'
import {relogin} from "../components/httpUtil/httpUtil";

  export default {
    name: 'billCreate',
    data () {
      return {
        companyName: this.$route.params.companyName,
        dutyParagraph: this.$route.params.dutyParagraph,
        companyAddress: this.$route.params.companyAddress,
        companyPhone: this.$route.params.companyPhone,
        showAlert :false,
        alertText :null
      }
    },
    methods: {
      alertTip(msg){
        this.showAlert = true;
        this.alertText = msg;
      },
      go(){
        this.showAlert = false;
      },
      NewCard () {
        let regTel = /^1[34578]\d{9}$/; // 手机号验证
        let regNumber = /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/; // 税号验证
//        alert('保存成功！' + this.pretermission)
        if (this.companyName !== '' && regNumber.test(this.dutyParagraph) && regTel.test(this.companyPhone) && this.companyAddress !== '') {
          const jsonValue = JSON.stringify({
            'c': '10038',
            'p': {
              'userId': JSON.parse(window.localStorage.data).id, // 用户ID
              'tokenId': token(),
              'invoiceId': this.$route.params.invoiceId,
              'companyName': this.companyName,
              'dutyParagraph': this.dutyParagraph,
              'companyAddress': this.companyAddress,
              'companyPhone': this.companyPhone,
              'state': this.$route.params.state // 1表示默认选中  0表示不选中  （必填）
            }
          });
          this.$http.post(api + '/qqs.us', jsonValue).then((res) => {
            console.log(res);
            const data = res.data.p;
            if (data.isTrue === true) {
              this.$router.push({name: 'bill', params: {}})
//            //          this.$emit('has-log', res.data.username);
            } else {
              this.alertTip(data.errorMsg);
              if (data.errorCode === 90) {
                this.go= ()=> {
                  this.showAlert = false
                  let _this = this
                  relogin(_this)
                }
                // this.$router.push('/')
              }
            }
          }, (res) => {
            this.alertTip('网络错误');
            this.go = ()=>{
               this.showAlert = false;
            }
          })
        } else if (this.dutyParagraph !== '' && !regTel.test(this.companyPhone)) {
          this.alertTip( '手机格式不正确');
          this.go = ()=>{
             this.showAlert = false;
          }
          // alert('手机格式不正确');
        } else if (this.companyPhone !== '' && !regNumber.test(this.dutyParagraph)) {
          this.alertTip('税号格式不正确');
          this.go = ()=>{
             this.showAlert = false;
          }
          // alert('税号格式不正确');
        } else {
          this.alertTip('请完整填写相关信息');
          this.go = ()=>{
             this.showAlert = false;
          }
          // alert('请完整填写相关信息')
        }
      }
    },
    created(){
      wxHttpTool.wxAuthor(this, function (varRet, varJson, varThis = this) {
        if (varRet == -1) {
          varThis.alertTip('网络错误');
          varThis.go = function () {
            varThis.showAlert = false;
          }

        }
        // 关注钱应该判断下是否已经关注过了
        msg_10046.send(varThis,msg_10046.entity(),function(varThis,res){
          varThis.wxlist=res.data.p.sign
          wx_config(varThis.wxlist);
          wx_hideAllMenu();
          wx.hideMenuItems({
            //禁用单独分享朋友圈QQ空间等功能
            menuList: ["menuItem:share:timeline","menuItem:share:QZone","menuItem:share:qq"] // 要隐藏的菜单项，所有menu项见附录3
          });
        })


      },this.type)
    }
  }
</script>

<style lang="scss" scoped>
  .app-cont {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    .header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 80px;
    }
    .main {
      flex: 1;
      position: relative;
      .main-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
      }
    }
  }

  .fenlei {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
    ::-webkit-scrollbar {
      display: none;
    }
    .btn {
      width: 100%;
      height: 120px;
      text-align: center;
      line-height: 120px;
      background: #f4f4f4;
      position: fixed;
      bottom: 0;
      .btn-next {
        display: inline-block;
        width: 580px;
        height: 74px;
        margin: 0;
        border-radius: 35px;
        border: 1px solid #fe3519;
        color: #fe3519;
        text-align: center;
        line-height: 74px;
        font-size: 26px;
      }
    }
  }

</style>
<style lang="scss">
  a:hover, a:visited, a:link, a:active {
    text-decoration: none;
    outline: none;
  }

  .fenlei {
    .address {
      position: relative;
      margin-top: 30px;
      width: 100%;
      /*height: 298px;*/
      height: 100%;
      background: #f4f4f4;
      .mint-checklist {
        .mint-cell {
          padding-left: 0;
        }
      }
      .mint-cell {
        height: 94px;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
      }
      .mint-cell-wrapper {
        line-height: 94px;
        background-image: none;
        border-bottom: 1px solid #f4f4f4;
      }
      .mint-field-title {
        width: 200px;
      }
      .mint-field-core {
        text-align: right;
        box-sizing: border-box;
        padding-right: 18px;
      }
    }
  }

</style>
